import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import styleImport, { VantResolve } from 'vite-plugin-style-import'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    styleImport({
      resolves: [VantResolve()],
      //增加的代码
      libs: [
        {
          libraryName: 'vant',
          esModule: true,
          resolveStyle: name => `../es/${name}/style`
        }
     ]
    }),
  ],

  //配置的内容
  server: {
    proxy: {
      '/api': {
        // target: 'http://www.muchen-demo.cn:8080',//请求的地址
        target: 'http://localhost:8080',//请求的地址
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '') // 可选，用于重写请求路径
      }
    }
  },

  base: './',
  
  // 生产环境配置
  // build: {
  //   target: 'es2015',
  //   outDir: 'dist', // 指定输出路径
  //   assetsDir: 'static', // 指定生成静态资源的存放路径
  //   sourcemap: false, // 输出.map文件
  //   terserOptions: {
  //   compress: {
  //     drop_console: true, // 生产环境移除console
  //     drop_debugger: true // 生产环境移除debugger
  //   }
  //   },
  // }
})